<%@ Page Title="" Language="C#" MasterPageFile="~/Demo.master" Inherits="DemoPage" %>

<%@ Register Src="~/CodeFormatter.ascx" TagName="Code" TagPrefix="demo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="DemoHolder" runat="Server">
    <div class="dna-state-help ui-corner-all" style="margin-bottom: 10px;">
        Change the orientation of the range slider to vertical. Assign a height value via
        .height() or by setting the height through CSS, and set the orientation option to
        "vertical."
    </div>
    <div style="padding: 20px">
        <DotNetAge:Slider ID="Slider1" runat="server" Orientation="Vertical" BoundControlID="lbValue1"
            EnabledAnimate="True" Range="Both" Maximum="100" Minimum="0" Value="60" Value1="10"
            BoundControlID1="lbValue" Height="200px" />
        <br />
        <span>
            <asp:Label ID="Label1" runat="server" Text="Target sales goal (Millions):$"></asp:Label>
            <asp:Label ID="lbValue" runat="server" Text="75"></asp:Label>
            <asp:Label ID="Label2" runat="server" Text="- $"></asp:Label>
            <asp:Label ID="lbValue1" Text="300" runat="server"></asp:Label>
        </span>
    </div>
</asp:Content>
